<template>
	<view class="page-body">
		<!-- #ifdef APP-PLUS -->
		<view class="status_bar">
			<view class="top_view"></view>
		</view>
		<!-- #endif -->
		<!-- 头部导航 -->
		<view class="header">
			<view class="left_box" @click="goBack()">
				<image class="left_icon" mode="widthFix" src="@/static/images/leftMark_icon.png"></image>
			</view>
			<view class="title">新建线索</view>
			<view class="right_box"></view>
		</view>

		<!-- 内容 -->
		<view class="corebox">
			<view class="corebox_top">
				<text>客户信息</text>
			</view>
			<view class="">
				<view class="fillIn_info">
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">客户名称</view>
							<view class="infoVal">
								<input class="inputStyle" v-model="customerFormObj.customerName" placeholder="请输入" placeholder-class="inputPlaceholder" />
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">手机号码</view>
							<view class="infoVal">
								<input class="inputStyle" v-model="customerFormObj.phoneNum" maxlength="11" placeholder="请输入" placeholder-class="inputPlaceholder" />
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">固定电话</view>
							<view class="infoVal">
								<input class="inputStyle" maxlength="13" v-model="customerFormObj.fixedPhone" placeholder="请输入"
								 placeholder-class="inputPlaceholder" />
							</view>
						</view>
					</view>

					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">性别</view>
							<view style="display: flex;">
								<view :class="['objective_li', customerFormObj.gender ? 'li_checked':'']" @click="objectiveRadioClick(1)">
									<image class="ridiconImg" :src="require(customerFormObj.gender ? '@/static/images/radio_icon.png' : '@/static/images/radio_no_icon.png')"></image>男
								</view>
								<view :class="['objective_li', !customerFormObj.gender ? 'li_checked':'']" @click="objectiveRadioClick(0)">
									<image class="ridiconImg" :src="require(!customerFormObj.gender ? '@/static/images/radio_icon.png' : '@/static/images/radio_no_icon.png')"></image>女
								</view>
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">所在区域</view>
							<view class="infoVal">
								<pick-regions :defaultRegion="defaultRegionCode" @getRegion="locationClick">
									<view class="uni-input">
										{{ customerFormObj.modelLocation ? customerFormObj.modelLocation : '请选择'}}
										<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
									</view>
								</pick-regions>
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">意向车型</view>
							<view class="infoVal required" @click="getIntentionCar">
								{{ customerFormObj.modelInterest ? customerFormObj.modelInterest : '请选择' }}
								<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">来源渠道</view>
							<view class="infoVal required">
								<!-- <view class="" @click="selectIndex">{{ customerFormObj.sourceChannel || '请选择' }} >
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view> -->
								<channel-picker :defaultRegion="[0, 0]" :isSelectAll="false" @getRegion="handleGetRegion">
									{{customerFormObj.sourceChannel ? customerFormObj.sourceChannel : '请选择'}}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</channel-picker>
								
							</view>
						</view>
					</view>
					<!-- 			<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable required">活动名称</view>
							<view class="infoVal required">
								<picker @change="bindPickerChange($event, '3')" :value="customerFormObj.focusPurchase.message" :range="focusPurchaseArray">
									<view class="uni-input">{{customerFormObj.focusPurchase.message || '请选择'}}</view>
								</picker>
							</view>
						</view>
					</view>	 -->
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">活动名称</view>
							<view class="infoVal">
								<view class="" @click="selectIndex(0)">{{ customerFormObj.activityName || '请选择' }}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view>
								<!-- <picker @change="activityChange" :value="actIndex" range-key="activityName" :range="activityArr">
									{{customerFormObj.activityNamedata?customerFormObj.activityNamedata.activityName : '请选择'}}

									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</picker> -->
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi supplyInfo">
							<view class="infoLable">备注</view>
							<textarea v-model="customerFormObj.remark" class="textareaInfo" placeholder-class="inputPlaceholder" placeholder="请输入信息"
							 maxlength="200"></textarea>
							<!-- <view class="limit">{{customerFormObj.remark.length}}/200</view> -->
						</view>
					</view>
				</view>
			</view>
			<view class="corebox_top">
				<text>意向信息</text>
				<!-- <view @click="arrow_downup" style="color: #A5A4BF;">展开<uni-icons style="color: #A5A4BF;" :type="isArrowdownup?'arrowup':'arrowdown'"
					 size="14"></uni-icons>
				</view> -->
			</view>
			<!-- v-if="isArrowdownup" -->
			<view class="" style="padding-bottom: 100rpx;">
				<view class="fillIn_info">

					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">意向级别</view>
							<view class="infoVal" @click="selectIndex(1)">{{ customerFormObj.intentionLevel || '请选择' }}
								<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">购车预算(万)</view>
							<view class="infoVal">
								<input class="inputStyle" v-model="customerFormObj.carPurchaseBudget" placeholder="请输入" placeholder-class="inputPlaceholder" />
							</view>
						</view>

					</view>
					<!-- <view class="infoUl">
						<view class="infoLi" style="border-bottom: none;">
							<view class="infoLable">配置</view>
							<view class="infoVal" @click="getCarConfig">{{ customerFormObj.carsConfig || '请选择' }} 
								<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" /></view>
						</view>	
					</view>	 --> 

					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">购车用途</view>
							<view class="infoVal">
								<!-- <picker @change="bindPickerChange($event, '1')" :value="customerFormObj.purposePurchase.message" :range="purposeArray">
									<view class="uni-input">{{customerFormObj.purposePurchase.message || '请选择'}}
										<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
									</view>
								</picker> -->
								<view class="infoVal" @click="selectIndex(2)">{{ customerFormObj.purposePurchase || '请选择' }}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view>
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">购车类型</view>
							<view class="infoVal">
								<!-- <picker @change="bindPickerChange($event, '2')" :value="customerFormObj.purposeType.message" :range="typeArray">
									<view class="uni-input">{{customerFormObj.purposeType.message || '请选择'}}
										<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
									</view>
								</picker> -->
								<view class="infoVal" @click="selectIndex(3)">{{ customerFormObj.purposeType || '请选择' }}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view>
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">竞品车型</view>
							<view class="infoVal">
								<input class="inputStyle" v-model="customerFormObj.competingModels" placeholder="请输入" placeholder-class="inputPlaceholder" />
							</view>
						</view>
					</view>
					<view class="infoUl">
						<view class="infoLi">
							<view class="infoLable">购车关注点</view>
							<view class="infoVal">
								<view class="infoVal" @click="selectIndex(4)">{{ customerFormObj.focusPurchase || '请选择' }}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view>
								<!-- <view class="uni-input" @click="showTree()">{{customerFormObj.focusPurchase || '请选择'}}
									<uni-icons class="rightIcon" color="#A5A4BF" size="18" type="forward" />
								</view> -->
								<!-- 	<picker @change="bindPickerChange($event, '3')" :value="customerFormObj.focusPurchase.message" :range="focusPurchaseArray">
									<view class="uni-input">{{customerFormObj.focusPurchase.message || '请选择'}}</view>
								</picker> -->
								<tki-tree ref="tkitree" :selectParent="true" :multiple="true" :range="focusPurchaseList" :foldAll="false" idKey="message"
								 rangeKey="message" @confirm="treeConfirm" @cancel="treeCancel"></tki-tree>

							</view>
						</view>
					</view>
				</view>
			</view>

			<!-- 确定取消按钮 -->
			<view class="but_bottom">
				<view class="but_bottom_box but_bottom_sty1" @click="submit(0)">
					重置
				</view>
				<view class="but_bottom_box but_bottom_sty2" @click="submit(1)">
					完成
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		getAssign,
		getCommonEnums,
		salesmanEdit,
		getAppActivities
	} from '@/service/api/api.js';
	import channelPicker from '../../components/channelPicker.vue';
	import uniIcons from "@/components/uni-icons/uni-icons.vue";
	import tkiTree from '@/components/tki-tree/tki-tree.vue';
	export default {
		components: {
			channelPicker,
			tkiTree,
			uniIcons
		},
		data() {
			return {
				userInfo: {},
				isArrowdownup: false,
				activityArr: [],
				actIndex: 0,
				customerFormObj: {
					customerName: '',
					phoneNum: '',
					fixedPhone: '',
					gender: true, //性别
					modelLocation: '', //所在区域
					province: '',
					city: '',
					area: '',
					modelInterest: '', //意向车型
					sourceChannel: '', //来源渠道	
					firstChannelId: '',
					secondChannelId: '',
					activityName: '', //活动名称
					remark: '', //备注
					carsConfig:'',  //配置
					intentionLevel: '', //意向级别		
					carPurchaseBudget: '', //购车预算
					configure: '',
					power: '',
					appearanceColor: '',
					interiorColor: '',
					purposePurchase: '', //购车用途
					purposeType: '', //购车类型
					competingModels: '', //竞品车型
					focusPurchase: '', //购车关注点

				},
				clueInfo: {},
				purposeList: [],
				purposeArray: [],
				typeList: [],
				typeArray: [],
				focusPurchaseList: [],
				focusPurchaseArray: [],
				defaultRegion: ['广东省', '广州市', '番禺区'],
				defaultRegionCode: '440113',
				focusPurchaseCode: '',
				activityArr: []

			}
		},
		computed: {

			intentionCar() {
				return this.$store.state.intentionCar
			},
			carsConfig(){
				return this.$store.state.carsConfig
			},
			addClueFormData(){
				return this.$store.state.addClueFormData
			}
		},
		watch: {
			intentionCar(newVal, oldVal) {
				// 数据变化后，调用b组件内的函数
				this.customerFormObj.modelInterest = `${newVal.intentCarModel}/${newVal.intentCarStyle}`
			},
			carsConfig(newVal,oldVal){
				this.customerFormObj.carsConfig = `${newVal.power==""?'不限':newVal.power}/
												${newVal.exteriorColor==""?"不限":newVal.exteriorColor}/
												${newVal.interiorColor==""?"不限":newVal.interiorColor}`
												
			},
			addClueFormData(newVal){
				console.log(newVal)
				this.customerFormObj.activityName=newVal.addClueFormData.activityName;
				this.customerFormObj.activityId=newVal.addClueFormData.activityId;
				this.customerFormObj.intentionLevel=newVal.addClueFormData.intentionLevel;
				this.customerFormObj.purposePurchase=newVal.addClueFormData.purposePurchase;
				this.customerFormObj.purposeType=newVal.addClueFormData.purposeType;
				this.customerFormObj.focusPurchase=newVal.addClueFormData.focusPurchase;
			}
		},
		onLoad(op) {
			if (op.phone) {
				this.customerFormObj.phoneNum = op.phone
			}
			try {
				this.userInfo = uni.getStorageSync('user_info')

			} catch (e) {
				console.log(e)
			}

		},

		onReady() {

		},
		onShow() {
			// this.customerFormObj.modelInterest=this.$store.state.intentionCar.intentCarStyle
		},
		created() {
			//PurchaseType - 购车类型；PurchasePurpose - 购车用途;PurchaseFocus - 购车关注点
			this.getEnumsPurchaseFocus('PurchaseType')
			this.getEnumsPurchaseFocus('PurchasePurpose')
			this.getEnumsPurchaseFocus('PurchaseFocus')
			this.getFollowList()

		},
		methods: {
			//活动名称选中  activityChange
			activityChange(e) {

				this.customerFormObj.activityNamedata = this.activityArr[e.detail.value]
				this.$forceUpdate()
			},
			getFollowList(data) {
				getAppActivities({}).then(res => {
					if (res.data.code == 0) {
						console.log(res.data.data)
						this.activityArr = res.data.data.map(item => {
							return {
								activityId: item.activityId,
								activityName: item.activityName,
								firstChannelId: item.firstChannelId,
								secondChannelId: item.secondChannelId
							}
						}) || []
					}
				})
			},
			// 确定回调事件
			treeConfirm(e) {
				console.log(e)
				this.focusPurchaseCode = ''
				var basic = ""
				var str = ""
				for (var i = 0; i < e.length; i++) {
					basic += e[i].message + ','
					str += e[i].code + ','
				}
				basic = basic.substring(0, basic.lastIndexOf(','));
				str = str.substring(0, str.lastIndexOf(','));
				this.customerFormObj.focusPurchase = basic
				this.focusPurchaseCode = str
			},
			// 显示树形选择器
			showTree() {
				this.$refs.tkitree._show();
			},
			//提交表单
			async submit(type) {
				switch (type) {
					case 1:
						if (this.customerFormObj.phoneNum != '') {
							if (!this.check_phone(this.customerFormObj.phoneNum)) {
								uni.showToast({
									title: '请正确填写手机号',
									icon: 'none'
								})
								return
							}

						}
						if (this.customerFormObj.fixedPhone != '') {
							// if (!this.check_fixedphone(this.customerFormObj.fixedPhone)) {
							// 	uni.showToast({
							// 		title: '请正确填写固定电话',
							// 		icon: 'none'
							// 	})
							// 	return
							// }
						}

						if (this.customerFormObj.customerName == '') {
							uni.showToast({
								title: '请填写客户名称',
								icon: 'none'
							})
							return
						}


						if (this.customerFormObj.modelLocation == '') {
							uni.showToast({
								title: '请填写所在区域',
								icon: 'none'
							})
							return
						}
						if (this.customerFormObj.sourceChannel == '') {
							uni.showToast({
								title: '请填写渠道来源',
								icon: 'none'
							})
							return
						}

						if (this.customerFormObj.modelInterest == '') {
							uni.showToast({
								title: '请填写意向车型',
								icon: 'none'
							})
							return
						}

						// if (this.customerFormObj.intentionLevel=='') {
						// 	uni.showToast({
						// 		title: '请填写意向级别',
						// 		icon: 'none'
						// 	})
						// 	return
						// }

						// if (this.customerFormObj.activityName=='') {
						// 	uni.showToast({
						// 		title: '请填写活动名称',
						// 		icon: 'none'
						// 	})
						// 	return
						// }	
						console.log( this.customerFormObj)
						let data = {
							userId: this.userInfo.userId,
							deptId: this.userInfo.userDeptId,
							dealerId: this.userInfo.dealerId,
							client: 'app', //数据来源客户端
							customerName: this.customerFormObj.customerName,
							mobile: this.customerFormObj.phoneNum,
							telephone: this.customerFormObj.fixedPhone,
							sex: this.customerFormObj.gender ? 'male' : 'female', //性别
							province: this.customerFormObj.province,
							city: this.customerFormObj.city,
							area: this.customerFormObj.area,
							intentCarBrand: this.$store.state.intentionCar.intentCarBrand || '',
							intentCarModel: this.$store.state.intentionCar.intentCarModel || '',
							intentCarStyle: this.$store.state.intentionCar.intentCarStyle || '',
							power:this.$store.state.carsConfig.power || '',
							exteriorColor:this.$store.state.carsConfig.exteriorColor || '',
							interiorColor:this.$store.state.carsConfig.interiorColor || '',
							//来源渠道
							firstChannelId: this.customerFormObj.firstChannelId || '', //一级渠道
							secondChannelId: this.customerFormObj.secondChannelId || '', //二级渠道
							//activityId: this.customerFormObj.activityNamedata ? this.customerFormObj.activityNamedata.activityId : '', //活动id
							activityId:this.customerFormObj.activityId || '',
							remarks: this.customerFormObj.remark, //备注

							intentionLevel: this.customerFormObj.intentionLevel, //意向级别		
							purchaseBudget: this.customerFormObj.carPurchaseBudget, //购车预算
							config: this.customerFormObj.configure,
							power: this.customerFormObj.power,
							exteriorColor: this.customerFormObj.appearanceColor,
							interiorColor: this.customerFormObj.interiorColor,
							//purchasePurpose: this.customerFormObj.purposePurchase.code || '', //购车用途
							//purchaseType: this.customerFormObj.purposeType.code || '', //购车类型
							compModel: this.customerFormObj.competingModels, //竞品车型
							//purchaseFocus: this.focusPurchaseCode || '', //购车关注点
							purchasePurpose:this.customerFormObj.purchasePurpose || '',
							purchaseType:this.customerFormObj.purchaseType || '',
							purchaseFocus:this.customerFormObj.purchaseFocus || '',
							roleId: this.userInfo.role,
						}
						console.log(data,'新建线索提交')
						let res = await salesmanEdit(data)
						if (res.data.code == 0) {
							uni.showToast({
								title: res.data.errMsg,
								icon: 'none'
							})
							console.log(res.data, "res.datares.data")
							uni.redirectTo({
								url: `/pages/clue/clueFollowUp/index?uniqueId=${res.data.data.uniqueId}&phone=${this.customerFormObj.phoneNum}&followNum=${res.data.data.invalidNum || 0}&followUp=0`
							})
							this.customerFormObj = {
								customerName: '',
								phoneNum: '',
								fixedPhone: '',
								gender: true, //性别
								modelLocation: '', //所在区域
								province: '',
								city: '',
								area: '',
								modelInterest: '', //意向车型
								sourceChannel: '', //来源渠道	
								firstChannelId: '',
								secondChannelId: '',
								activityName: '', //活动名称
								remark: '', //备注

								intentionLevel: '', //意向级别		
								carPurchaseBudget: '', //购车预算
								configure: '',
								power: '',
								appearanceColor: '',
								interiorColor: '',
								purposePurchase: '', //购车用途
								purposeType: '', //购车类型
								competingModels: '', //竞品车型
								focusPurchase: '', //购车关注点
							}
						} else {
							uni.showToast({
								title: res.data.errMsg,
								icon: 'none'
							})
						}

						break;
					case 0:
						// console.log("取消")
						uni.navigateBack()
						break;

				}
			},
			//男女单选
			objectiveRadioClick(e) {
				if (e) {
					this.customerFormObj.gender = true
				} else {
					this.customerFormObj.gender = false
				}
			},
			//所在区域
			locationClick(region) {
				this.customerFormObj.modelLocation = `${region[0].name}/${region[1].name}/${region[2].name}`
				this.customerFormObj.province = region[0].name
				this.customerFormObj.city = region[1].name
				this.customerFormObj.area = region[2].name
			},
			//意向级别
			levelClick() {
				let intentionLevelArr = ['O', 'H', 'A', 'B', 'C']
				uni.showActionSheet({
					itemList: intentionLevelArr,
					success: (e) => {
						this.customerFormObj.intentionLevel = intentionLevelArr[e.tapIndex]
					}
				})
			},
			//意向车型
			getIntentionCar() {
				uni.navigateTo({
					url: '/pages/clue/series/index'
				})
			},
			//配置
			// getCarConfig() {
			// 	uni.navigateTo({
			// 		url: '/pages/clue/config/index'
			// 	})
			// },
			selectIndex(selectFlag){
				console.log(selectFlag)
				uni.navigateTo({
					url: `/pages/clue/selectList/index?titleIndex=${selectFlag}`
				})
			},
			//来源渠道
			handleGetRegion(region) {
				this.customerFormObj.firstChannelId = region[0].channelId
				this.customerFormObj.secondChannelId = region[1].channelId
				this.customerFormObj.sourceChannel = region[1].channelId ? region[1].name : region[0].name
			},
			//购车类型  购车用途
			bindPickerChange(e, flag) {
				let idx = e.detail.value
				if (flag == '1') {
					this.customerFormObj.purposePurchase = this.purposeList[idx]
				} else if (flag == '2') {
					this.customerFormObj.purposeType = this.typeList[idx]
				} else if (flag == '3') {
					this.customerFormObj.focusPurchase = this.focusPurchaseList[idx]
				}
			},
			//PurchaseType - 购车类型；PurchasePurpose - 购车用途;PurchaseFocus - 购车关注点
			async getEnumsPurchaseFocus(enumsdata) {
				let res = await getCommonEnums({
					type: enumsdata
				})
				if (res.data.code == 0) {
					switch (enumsdata) {
						case 'PurchaseType':
							this.typeList = res.data.data
							res.data.data.forEach(v => {
								this.typeArray.push(v.message)
							})
							break;
						case 'PurchasePurpose':
							this.purposeList = res.data.data
							res.data.data.forEach(v => {
								this.purposeArray.push(v.message)
							})
							break;
						case 'PurchaseFocus':
							this.focusPurchaseList = res.data.data
							break;

					}

				}
			},


			//控制  意向信息的展开和隐藏
			// arrow_downup() {
			// 	this.isArrowdownup = !this.isArrowdownup
			// },
			//返回上一层
			goBack() {
				uni.navigateBack()
			},

			//验证手机号
			check_phone(phone) {
				let reg = new RegExp("^[1][3,4,5,7,8][0-9]{9}$");
				return reg.test(phone)
			},
			//验证座机
			check_fixedphone(phone) {
				let reg = new RegExp("^([0-9]{3,4}-)?[0-9]{7,12}$");
				return reg.test(phone)
			},

		}
	}
</script>

<style scoped lang="scss">
	.page-body {
		width: 100%;
		box-sizing: border-box;

		.header {
			width: 100%;
			height: 88rpx;
			display: flex;
			align-items: center;
			line-height: 88rpx;
			box-sizing: border-box;
			color: #43425D;
			position: fixed;
			top: var(--status-bar-height);
			left: 0;
			z-index: 999;
			background: #fff;

			.left_box {
				display: flex;
				height: 100%;
				width: 150rpx;
				padding-left: 30rpx;
				align-items: center;

				.left_icon {
					width: 21rpx;
					height: 37rpx;
				}
			}


			.title {
				font-size: 32rpx;
				width: 100%;
				text-align: center;
			}

			.right_box {
				width: 250rpx;
				text-align: center;
				font-size: 26rpx;
				color: #3B86FF;
			}
		}

		.corebox {
			padding-top: 88rpx;
			padding-bottom: 100rpx;

			.corebox_top {
				padding-left: 30rpx;
				padding-right: 30rpx;
				background: #F5F6FA;
				color: #43425D;
				font-weight: 500;
				height: 80rpx;
				line-height: 80rpx;
				display: flex;
				justify-content: space-between;

			}
		}
	}

	.fillIn_info {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;

		.infoUl {
			width: 100%;

			.infoLi {
				width: 100%;
				min-height: 90rpx;
				box-sizing: border-box;
				display: flex;
				display: -webkit-flex;
				display: inline-flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
				font-size: 32rpx;
				color: #43425D;
				// border-bottom: 1px solid #DFDFDF;

				.infoLable {
					width: 200rpx;
					position: relative;
				}

				.infoVal {
					flex: 1;
					text-align: right;
					font-size: 28rpx;
					color:#A5A4BF;

					.inputStyle {
						font-size: 30rpx;
						color: #43425D;
						padding-right: 28rpx;
						box-sizing: border-box;
					}

					.rightIcon {
						position: relative;
						top: 4rpx;
						color:#A5A4BF
					}
				}

				.inputPlaceholder {
					color: #A5A4BF;
				}

				&:last-child {
					// border-bottom: none;
				}
			}

			.infoLi_two {
				padding-left: 62rpx;
				border-bottom: 1px solid #DFDFDF;

				.infoLi {
					border-bottom: none;
				}
			}

			.supplyInfo {
				box-sizing: border-box;
				display: block;
				position: relative;
				height: auto;
				padding-bottom: 30rpx;

				.infoLable {
					margin: 20rpx 0;
				}

				.textareaInfo {
					width: 100%;
					height: 112rpx;
					background: #FFFFFF;
					// border: 1px solid #D7D7E9;
					font-size: 28rpx;
					line-height: 54rpx;
					color: #43425D;
					padding: 22rpx 20rpx;
					box-sizing: border-box;
					position: relative;
				}

				.limit {
					font-size: 24rpx;
					color: #43425D;
					opacity: 0.5;
					position: absolute;
					right: 20rpx;
					bottom: 56rpx;
				}
			}
		}
	}

	.required {
		&::before {
			content: '*';
			color: #F02529;
			font-size: 28rpx;
			position: absolute;
			top: 0;
			left: -18rpx;
		}
	}

	//单选ridiconImg
	.objective_ul {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.objective_li {
		height: 40rpx;
		line-height: 40rpx;
		border-radius: 8rpx;
		padding: 0 12rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		color: #A5A4BF;
	}

	.ridiconImg {
		width: 20rpx;
		height: 20rpx;
		margin-right: 8rpx;
		vertical-align: middle;
		margin-top: -4rpx;
	}

	.objective_checkbox_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin: 30rpx 0 20rpx 0;
		position: relative;

		.objective_li {
			margin-bottom: 12rpx;
		}

		&::after {
			content: "";
			display: block;
			// width: 152rpx;
		}
	}

	.li_checked {
		color: #3B86FF;
	}

	// 确定取消
	.but_bottom {
		width: 100%;
		height: 96rpx;
		line-height: 96rpx;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 32rpx;
		position: fixed;
		bottom: 2rpx;
		left: 0;
		z-index: 99;
		box-shadow: 0px -4px 8px rgba(116, 169, 255, 0.15);
		.but_bottom_box {}

		.but_bottom_sty1 {
			flex: 1;
			color: #3B86FF;
			background: #FFFFFF;
		}

		.but_bottom_sty2 {
			flex: 1;
			color: #FFFFFF;
			border: 1px solid #3B86FF;
			background: #3B86FF;
		}
	}

	.uni-input {
		height: unset !important;
		min-height: 25px;
	}
</style>
